<template>
<div style="border:1px solid #ccc;margin:1em;padding:1em">

  <h1>父组件-小花同学喜获offer</h1>
  <p>父组件:{{list}}</p>
  <Son :list="list" />
</div>
</template>
<script>
import Son from './son.vue'
import { reactive } from 'vue'
export default {
  name: 'App',
  components: {
    Son
  },
  setup () {
    const list = reactive([{id:1, name: 'JD'}, {id:2, name: 'DiDi'}])
    return {  
      list
    }
  }
}
</script>